body{
  background-color:#121b27;
}
.replay .t{
  margin: 0rem auto;
  width: 100%;
  height: 3rem;
  background:url("/res/images/cont/replay/replay-bg.png") center  no-repeat #121b27;
  background-size: 100%;
}
.t  ul{
  margin:0rem auto;
  width: 3rem;
}
.t  li{
  margin:0.7rem 0.2rem ;
  float: left;
}
.t  li p{
  text-align: center;
  color:#fff;
  font-size: 0.35rem;
}
.t .tc{
  font-size: 0.8rem;
  color: #fff;
  width: 0.8rem;
  float: left;
  height:1.5rem;
  background: url("/res/images/cont/replay/rec-img.png") no-repeat;
  background-size: 100%;
}
.t .tc span{
  margin: 0.1rem   0.14rem;
  float: left;
}
.t .tcd img{
   margin-top: 0.4rem;
   height:0.6rem;
 }
.t li  img{
  height: 1rem;
  float: left;
}
.t .tl{
  background: yellow;
  margin-left:1rem ;
}






























.replay .news{
  margin-top: .1rem;
  width: 100%;
  padding: 0px;
}
.replay .news .p-tab-h{
  width: 100%;
  margin: 0px;
  color:#b7babc;
  padding: 0px;
}
.replay .news .p-tab-h  li{
  border: none;
  background:#252525;
  float: left;
  width: 33%;
  color: #fff;
  height: 0.9rem;
  overflow: hidden;
  border-radius: 0rem;
  position: relative;
}


.replay .news .p-tab-h  li span{
  height: 0.9rem;
  line-height: 0.9rem;
}

.replay .news .p-tab-h .cur{
  height: 0.9rem;
  line-height: 0.8rem;
  border-bottom: 1px solid #f2d5ad;
  float:left;
  color:#f2d5ad;
  background: #2b2b2b;
}
.p-tab-h li span:active{
  background: none;
}
.replay .p-tab-item{
  background: transparent;
}
.replay .trend{
  width: 100%;
  height: 1rem;
}



//队伍数据

.team{
  margin: .1rem auto;
  position: relative;
}



.team .tad{
  width: 100%;
  height: 1rem;
  color:#babdc1;
  background:#1e1e1e;
  position: relative;
  text-indent: .2rem;
  line-height: 1rem;
  border-bottom: 1px solid #4c4c4c;
}
.tad .tem-name{
  float: left;
}

.tad .win-team{
  float: right;
  font-size: .25rem;
 margin-right:1.2rem
}
.tad .win-team .victory {
  color: #6ed4ff;
}
.tad  .tem_no {
  width: 1rem;
  float: right;
  height: 1rem;
  background: url("/res/images/cont/replay/tem-no.png") no-repeat;
  background-size:0.2rem;
  position: absolute;
  right: 0rem;
  top: .3rem;
}



.tad .tad  .tem_no{
  float: right;
  width: 0.7rem;
  height: 1rem;
  background: url("/res/images/cont/replay/tem-no.png") no-repeat;
  background-size: 0.2rem;
  position: absolute;
  right: 0rem;
  top: .3rem;
}

.tad  .tem_yes {
  float: right;
  color:#747a82;
  width: 0.8rem;
  height: 1rem;
  background: url("/res/images/cont/replay/tem-yes.png" )  no-repeat;
  position: absolute;
  background-size: 0.4rem;
  right: 0rem;
  top: .4rem;
}





.team  .g{
  margin: .1rem auto ;
  width: 100%;
}
.team .tename{
  width: 100%;
  margin-top:0.2rem;
}
.team  .tename .tena ul{
  width: 100%;
  color: #fff;
  height: 0.4rem;
  line-height:0.4rem;
}
.team  .tename .tena .nal{
  float: left;
  background: url("/res/images/cont/replay/tename-left.png") no-repeat;
  background-size: 100% 100%;;
  width: 35%;
  text-align: right;
  text-indent: 0.3rem;
}
.team  .tename .tena .nal span{
  float: right;
  padding-right: 0.3rem ;
}
.team  .tename .tena .nac{
  float: left;
  width:30%;
  font-weight: bold;
  text-align: center;
}
.team  .tename .tena .nar{
  float: right;
  text-indent: 0.3rem;
  background: url("/res/images/cont/replay/tename-right.png") no-repeat;
  background-size: 100% 100%;
  width: 35%;
}
.team .tepa{
  width: 100%;
  float: left;
  margin-top:0.3rem;
}

.team .tepa .l{
  width: 45%;
  float: left;
  color:#d61010;
  margin-bottom: 0.2rem;
}

.team .tepa .m{
  width: 10%;
  float: left;
  margin-top: 0.4rem;
  text-align: center;
  color: #d61010;
  font-size: .24rem;
}
.team .tepa .m p{
  line-height: .5rem;
}
.team .tepa .ls{
  width: 100%;
  float: left;
  font-size: 0.28rem;
  color:#d61010;
  text-align: right;
}
.team .tepa .ls ul{
  float: right;
  width: 100%;
}
.team .tepa .ls li{
  margin: 0rem 0.1rem;
  float: right;
}
.team .tepa .ls img{
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}
.team .tepa .lx{
   float: left;
   width: 100%;
 }
.team .tepa .lx li{
  float: right;
}
.team .tepa .lx li img{
  width: 0.4rem;
  height: 0.4rem;
  margin:0.1rem 0 0 .1rem;
  border: 1px #d61010  solid;
  border-radius: 2px;
}

.team .tepa .lx-no li{
  float: right;
}

.team .tepa .lx-no li img{
  width: 0.4rem;
  height: 0.4rem;
  border: 1px #4c4c4d  solid;
  border-radius: 2px;
  background: #000;
  margin: 0 0 0 .1rem;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  opacity: 0.5;
}

.team .tepa .rx-no li{
  float: left;
}


.team .tepa .rx-no li  img{

  width: 0.4rem;
  height: 0.4rem;
  margin:0.1rem 0.1rem 0 0;
  border: 1px #4c4c4d  solid;
  border-radius: 2px;
  background: #000;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  opacity: 0.5;
}


.team .tepa .ls .reimgs  img{
  width: 0.22rem;
  height: 0.24rem;
}
.team .tepa .rs .reimgs  img{
  width: 0.22rem;
  height: 0.24rem;
}

.team .tepa .r{
  width: 45%;
  float: left;
  color:#1e66b7;
  margin-bottom: 0.2rem;
}
.team .tepa .rs{
  width: 100%;
  float: left;
  font-size: 0.28rem;
  color:#1e66b7;
  text-align: right;
}
.team .tepa .rs ul{
  float: right;
  width: 100%;
}
.team .tepa .rs li{
  margin: 0rem 0.1rem;
  float: left;
}
.team .tepa .rs img{
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.1rem;
}
.team .tepa .rx{
  float: left;
  width: 100%;
}

.team .tepa .rx li{
  float: left;
}

.team .tepa .rx li img{
  float: left;
  width: 0.4rem;
  height: 0.4rem;
  margin:0.1rem 0.1rem 0 0;
  border: 1px #1e66b7 solid;
  border-radius: 2px;
}




.team .g  li{
  width: 33%;
  float: left;
  text-align: center;
  color: #ffffff;
  margin-top: .2rem;
}
.team .g  li p{
    margin:.1rem 0rem;
}
.team .g  li img{
  margin: auto;
  width: 1rem;
  border: 2px solid  #245fa9;
  height: 1rem;
  text-align: center;
}
.team  .ta{
  text-indent: .2rem;
  width: 100%;
  color: #fff;
  height: 1rem;
  line-height: 1rem;
  color:#f2d5ad;
  margin: 0px auto;
  font-size: 0.4rem;
  border-bottom: 1px solid #484848;
  border-top:  1px solid #484848;
}


.team  .c{
  text-indent: .2rem;
  width: 100%;
  color:#245fa9;
  height: 0.7rem;
  line-height: 0.7rem;
  margin: 0px auto;
  font-size: 0.3rem;
  border-bottom: 1px solid #414952;
}
.team  .c .left{
  float: left;
}
.team  .c .p-blue{
color: #1e66b7;
}
.team  .c .right{
  float: right;
}
.team  .c span{
  color:#dd222b;
  float: right;
  margin-right: .2rem;
}

.team .s{
  height: 1rem;
  width: 100%;
  line-height:1rem;
}
.team .s  li{
  width: 33%;
  text-indent: .2rem;
  height: 1rem;
  line-height:1rem;
  color: #fff;
  float: left;
}
.team  .s .center{
  color:#a7a8ab;
  text-align: center;
}

.team  .s .right  span{
  float: right;
  margin-right: .1rem;
}
.team .data_bar{
  height: .1rem;
  width: 96%;
  margin: 0px 2%;
}

.team .data_bar .blue{
  height: .1rem;
  float: left;
  background: #245fa9;
}
.team .data_bar .red{
  height: .1rem;
  float: left;
  background:#dd222b;
}
.team .blue-team{
  width: 100%;
  height: 1.1rem;
  overflow: hidden;
  margin: .2rem  0rem;
}
.team .blue-team span{
  float: left;
  line-height: 1rem;
  margin: 0rem .2rem;
}
.team .blue-team .img-box{
  width: 16%;
  text-align: center;
  float: left;
}
.team .blue-team .img-box  img{
  width:1rem;
  text-align: center;
  height:1rem;
}
.team .blue-team .img-box-blue{
  border: #245fa9  2px solid;
}
.team .blue-team .img-box-red{
  border: #dd222b  2px solid;
}
//选手数据
.player{
  width: 100%;
}
.player .single{
  width: 95%;
  margin: 2%;
}

.single-img{
  width:15%;
  height: 1rem;
  float: left;
  margin-top: 0.2rem;
  margin-right: .2rem;
}

.single-img img{
  width: 1rem;
  border: 2px #000 solid;
  height: 1rem;
}

.single-s {
  width: 75%;
  line-height: 0.5rem;
  font-size: 0.1rem;
  margin-top: 0.2rem;
  float: left;
}
.single-s  span{
  float: right;
  color: #fff;
}
.single p {
  font-size: .4rem;
}
.single p  span{
  float: left;
}
.single p .bul{
  color:#367bd2;
  font-weight: bold;
}
.single p .red{
  color:#dd222b;
  font-weight: bold;
}
.bul{
  color:#367bd2;

}
 .red{
  color:#dd222b;

}

.player .single  ul{
  width:90%;
  height: 1rem;
  float: left;
  border-bottom: 1px solid #5a6068;
  margin: .1rem  5% ;
  font-size: .28rem;
  text-align: center;

}
.player .single  ul li{
  /*width: 21%;*/
  margin: 0 .1rem;
  float: left;
}
.player .single  ul .wid2{
  /*width: 35%;*/
}
.player .single  ul li p{
  font-size: .3rem;
}
.player .single  ul li img{
  height: .3rem;
  width: .3rem;
}
.single-le{
  float: left;
  text-align: left;
}
.single-ri{
  float: right;
}



.player .tad{
  width: 100%;
  height: 1rem;
  color:#babdc1;
  background:#252525;
  text-indent: .2rem;
  float: left;
  line-height: 1rem;
  position: relative;
}
.player .tad  .tem_no{
  float: right;
  width: 0.8rem;
  height: 1rem;
  background: url("/res/images/cont/replay/tem-no.png") no-repeat;
  background-size: 0.2rem;
  position: absolute;
  right: 0rem;
  top: .3rem;
}

.player  .tem_yes {
  float: right;
  color:#747a82;
  width: 0.8rem;
  height: 1rem;
  background: url("/res/images/cont/replay/tem-yes.png" )  no-repeat;
  position: absolute;
  background-size: 0.4rem;
  right: 0rem;
  top: .4rem;
}

.player .tad .tem{
  float: right;
  color:#c4c7ca;
  line-height: 1rem;
  font-size: 0.25rem;
}



.player .tad .tem img{
  float: right;
  width: 0.35rem;
  height: 0.3rem;
  margin: 0.35rem 0.2rem;;
}
.player .tad .tem-no{
  float: right;
  color:#71777f;
  font-size: 0.25rem;
}

.player .tad .tem-no img{
  float: right;
  width: 0.35rem;
  height: 0.3rem;
  color:#737981;
  margin: 0.35rem 0.2rem;;
}

/*.video*/
.video {
  margin: .1rem auto;
}
.video .item {
  line-height: 1rem;
  padding-left: .2rem;
  border-top: 2px solid #454648;
  color: #babdc1;
  background: #06080c;
}
.video .item .exist {
  float: right;
  color: #c4c7ca;
  line-height: 1rem;
  font-size: .25rem;
  padding-right: .8rem;
}
.video .item .exist img {
  float: right;
  width: .35rem;
  height: .3rem;
  margin: .35rem .2rem;
}